<!-- 风控-企业预警 -->
<template>
  <div>
    <a-tabs v-model="tab">
      <a-tab-pane :key="1" tab="服务到期"></a-tab-pane>
      <a-tab-pane :key="2" tab="长期失活"></a-tab-pane>
      <a-tab-pane :key="3" tab="无服务"></a-tab-pane>
      <a-tab-pane :key="4" tab="违规"></a-tab-pane>
    </a-tabs>
    <div v-if="tab===1">
      <!-- 服务到期 -->
      <ServiceExpiration></ServiceExpiration>
    </div>
    <div v-if="tab===2">
      <!-- 长期失活 -->
      <Inactivation></Inactivation>
    </div>
    <div v-if="tab===3">
      <!-- 无服务 -->
      <NoBusiness></NoBusiness>
    </div>
    <div v-if="tab===4">
      <!-- 违规 -->
      <ViolationRegulations></ViolationRegulations>
    </div>
  </div>
</template>
<script>
import ServiceExpiration from './ServiceExpiration.vue'
import Inactivation from './Inactivation.vue'
import NoBusiness from './NoBusiness.vue'
import ViolationRegulations from './ViolationRegulations.vue'
export default {
   components: {
    ServiceExpiration, Inactivation, NoBusiness, ViolationRegulations
  },
  data () {
    return {
      tab: 1
    }
  },
  methods: {
    search () {
      this.$refs.page.search()
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
